<template>
	<view class="cardpass">
		<view class="title">
			<image src="../../../../static/images/u1859.png" mode="" style="width: 560rpx;height: 560rpx;"></image>
			<view class="names">
				<view class="names-titles">
					南航碧桂园小区101栋2单元401
				</view>
				<view class="names-fenxiang">
					分享此二维码至访客手机，访客扫码即可开门
				</view>
			</view>
		</view>
		<button class="finds" @click="gofinds">发送给朋友</button>
		<button class="gonow" @click="gonow">继续邀请</button>
	</view>
</template>

<script setup>
	const gofinds = () => {
		uni.showToast({
			title: '发送成功'
		})
	}
	const gonow = () => {
		uni.navigateBack({
			delta: 1
		})
	}
</script>

<style lang="scss">
	.cardpass {
		padding: 30rpx;

		.finds {
			font-size: 30rpx;
			background-color: #006eff;
			color: white;
			margin: 30rpx 0rpx;
		}

		.gonow {
			font-size: 30rpx;
			background-color: #e4f0ff;
			color: #0c75ff;
		}

		.title {
			text-align: center;
			margin-bottom: 60rpx;

			.names {
				.names-titles {
					margin: 30rpx 0rpx;
				}

				.names-fenxiang {
					font-size: 28rpx;
					color: #9a9a9a;
				}
			}
		}
	}
</style>